<div class="login-container">
    <div class="login-content">
        <div class="login-form">
            <div class="switch-type">
                <ul>
                    <li [ngClass]="{'actived': state==true}" (click)="state=true">账号密码登录</li>
                    <li [ngClass]="{'actived': state==false}" (click)="state=false">手机验证登录</li>
                </ul>
            </div>
            <div *ngIf="state" class="form-container">
                <form action="">
                    <div class="item-info">
                        <input type="text" placeholder="请输入手机号码">
                    </div>
                    <div class="item-info">
                        <input type="password" placeholder="请输入密码">
                    </div>
                    <div class="login-btn">
                        <button>登 录</button>
                    </div>
                    <div class="forget-password">
                        <a href="#">忘记密码?</a>
                        <a [routerLink]="['/register']">立即注册</a>
                    </div>
                </form>
            </div>
            <div *ngIf="state==false" class="form-container">
                <form action="">
                    <div class="item-info">
                        <input type="text" placeholder="请输入注册手机号啊">
                    </div>
                    <div class="figure-code">
                        <input type="text" placeholder="图形验证码">
                    </div>
                    <div class="message-code">
                        <input type="text" placeholder="请输入短信验证码">
                    </div>
                    <span class="message-span">获取短信验证码</span>
                    <div class="login-btn-sp">
                        <button>登 录</button>
                    </div>
                </form>
            </div>

        </div>
    </div>
</div>